<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        #love1 {
            font-size: 16px;
            text-indent: 28px;
            text-align: center;
        }
   




        #love2 {
            font-weight: bold;
            text-decoration: underline;
        }


        div {
            text-align: center;
             

            padding: 12px;

          
            text-transform: uppercase;
        }


        body {
            border-top: 2px solid red;
            border-left: 2px solid blue;
            border-bottom: solid pink;
            border-right: solid rgb(7, 228, 44);
            margin: 60px;
            height: 100px;

        }
    </style>
</head>

<body>

    <p id="love1">很多人喜欢用战术上的勤劳来来掩盖战略上的懒惰,事实上这种<span id="love2">"低水平的勤劳"</span>远比懒惰可怕。</p>
    <br>
    <div> remember:no pain,no gain!</div>
<div>
<table border="1px">
    <tr>
<td>1</td> <td>2</td> <td>4</td> <td>5</td> <td>1</td> <td>2</td> <td>4</td> <td>5</td>
</tr>
</table>

<table border="1px">
    <tr>
<td>1</td> <td>2</td> <td>4</td> <td>5</td> <td>1</td> <td>2</td> <td>4</td> <td>5</td>
</tr>
</table>

<table border="1px">
    <tr>
<td>1</td> <td>2</td> <td>4</td> <td>5</td> <td>1</td> <td>2</td> <td>4</td> <td>5</td>
</tr>
</table>
</div>
</body>

</html>